/* CSS Reset */
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,400,500,600,700,800|Nunito:300,400,600,700,800");

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
textarea,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img,
button {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Poppins', sans-serif;
	font-style: normal;
}

body {
	font-size: 14px;
	line-height: 1.6em;
	position: relative;
	color: #000;
	max-width: 1920px;
	*overflow-x: hidden;
	margin: 0 auto;
}

table {}

ol,
ul,
li {
	list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

input,
textarea {
	outline: none;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	text-decoration: none;
	color: #000;
}

a:hover {
	color: #1013a6;
	text-decoration: none;
}

a:active {
	color: #000;
}

a:focus {
	outline: 0px dotted;
}

a:focus,
input:focus {
	-moz-outline-style: none;
}

::selection {
	background: #1013a6;
	color: #fff;
}

::-moz-selection {
	background: #1013a6;
	color: #fff;
}

::-webkit-selection {
	background: #1013a6;
	color: #fff;
}

.w1400 {
	margin: 0 auto;
	padding: 0px;
	position: relative;
	width: 1400px;
}

.w1200 {
	margin: 0 auto;
	padding: 0px;
	position: relative;
	width: 1200px;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}

.head {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 90px;
	z-index: 2000;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.head.head-black {
	background: #000;
}

.head-infos {
	height: 100%;
}

.head:after {}

.head:hover {
	background: #000;
}

.head.shrink {
	height: 70px;
	background: #000;
}

.head.shrink .logo {
	top: 24px;
}

.head.shrink .logo img {
	height: 22px;
}

.head.shrink .menu ul li ul li a {
	line-height: 20px;
}

.head.shrink .menu ul li .drop-menu {
	top: 70px;
}

.head.shrink .head-lang,
.head.shrink .menu ul li {
	line-height: 70px;
}

.head.shrink .head-search {
	top: 20px;
}

.head.shrink .search {
	height: 70px;
	line-height: 70px;
}

.head.shrink:hover {
	background: #000;
}


.logo {
	position: absolute;
	left: 10%;
	top: 32px;
	z-index: 2;
}

.logo img {
	height: 26px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.head-lang {
	position: absolute;
	right: 10%;
	top: 0px;
	line-height: 90px;
	color: #fff;
	font-size: 16px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.head-lang a i {
	padding-right: 10px;
}

.head-lang a {
	color: #fff;
}

.head-search {
	position: absolute;
	right: 305px;
	top: 30px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.head-search a {
	cursor: pointer;
	font-size: 18px;
	color: #fff;
}

.search {
	position: fixed;
	left: 0px;
	top: 0px;
	text-align: center;
	background: rgba(0, 0, 0, .8);
	height: 100%;
	width: 100%;
	z-index: 3000;
	display: none;
}

.search-tab {
	position: absolute;
	left: 50%;
	margin-left: -155px;
	margin-top: -30px;
	top: 50%;
	display: flex;
	width: 310px;
	background: #fff;
	border-radius: 10px;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	box-shadow: #000 0px 0px 20px;
}

.search .search-txt {
	margin-left: 15px;
}

.search .search-txt input {
	border: none;
	height: 30px;
	line-height: 30px;
	width: 240px;
}

.search .search-btn {
	width: 30px;
	height: 60px;
	margin-left: 15px;
	position: relative;
	color: #fff;
}

.search .search-btn i {
	font-size: 22px;
	cursor: pointer;
	width: 30px;
	color: #000;
}

.search .search-btn i:before {
	position: absolute;
	left: 0px;
	top: 0px;
}

.search_close {
	font-size: 40px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: 115px;
	margin-top: -70px;
	color: #fff;
	cursor: pointer;
	z-index: 100;
}

.search_close:hover {
	color: #1013a6;
}


.menu {
	text-align: center;
}

.menu ul {
	display: inline-block;
}

.menu ul li {
	float: left;
	position: relative;
	line-height: 90px;
	-moz-transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.menu ul li a {
	display: block;
	position: relative;
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	z-index: 2;
	margin: 0px 20px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.menu ul li a.hasMenu:after {
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: normal;
	content: "\eb8b";
	font-family: "iconfont" !important;
	font-size: 24px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.menu ul li a.hasMenu {
	padding-right: 25px;
}

.menu ul li.hover a.hasMenu:after {
	transform: rotate(180deg);
}

.menu ul li.hover a {
	color: #fff;
}

.menu ul li.hover ul li a {
	color: #fff;
}

.menu ul li a:hover {
	color: #fff;
}

.menu ul li .drop-menu {
	position: absolute;
	min-width: 140px;
	left: 0px;
	top: 90px;
	background: rgba(0, 0, 0, .85);
	display: none;

}

.menu ul li ul {
	display: block;
}

.menu ul li ul li {
	float: none;
	position: relative;
}

.menu ul li ul li ul {
	position: absolute;
	left: 100%;
	top: 0px;
	padding: 0px;
	min-width: 160px;
	display: none;
}

.menu ul li ul li a {
	line-height: 20px;
	margin: 0px;
	padding: 12px 0px;
	display: block;
	font-weight: normal;
	font-size: 14px;
}

.menu ul li ul li a:hover {
	color: #fff;
	background: #333 !important;
}

.menu ul li ul li.shover {
	color: #fff;
	background: #333 !important;
}

.menu ul li ul li a:after {
	display: none;
}


.menu ul li ul li ul li a {
	background: #333;
}

.menu ul li ul li ul li a:hover {
	background: #999 !important;
}


.pmenu {
	display: none;
}



.more {}

.more a {
	height: 38px;
	line-height: 38px;
	border: 3px solid #1013a6;
	padding-left: 40px;
	padding-right: 20px;
	border-radius: 30px;
	color: #1013a6;
	display: inline-block;
	position: relative;
}

.more a i {
	position: absolute;
	content: "";
	left: 5px;
	top: 0px;
	font-size: 26px;
}


.more a i:before {
	position: absolute;
	z-index: 20;
	color: #1013a6;
	left: 6px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.more a:hover {
	background: #1013a6;
	color: #fff;
	border: 3px solid #1013a6;
}

.more a:hover i:before {
	left: 10px;
	color: #fff;
}

.white-more a {
	color: #fff;
	border: 2px solid #fff;
}

.white-more a:hover {
	background: none;
	border: 2px solid #1013a6;
	color: #1013a6;
}

.white-more a i:before {
	color: #fff;
}

.white-more a:hover i:before {
	color: #1013a6;
}




.banner {
	height: 100vh;
	overflow: hidden;
}

#glume {
	width: 100%;
	position: relative;
	height: 100%;
	;
	background-color: #f3f3f3;
}

#glume .Limg {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#glume .Limg li {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	list-style: none;
}

#glume .Limg li .pic {
	height: 100vh;
	width: 100%;
	background-position: center center;
	background-size: cover;
}

#glume .Limg li.active .pic {
	animation-name: fd;
	animation-duration: 3s;
}

#glume .Limg li.active .banner-txt {
	animation-name: boun;
	animation-duration: 3s;
}

#glume .w1440 {
	height: 100vh;
}

#glume .Limg li .banner-txt {
	position: absolute;
	left: 10%;
	top: calc(50% - 100px);
	z-index: 100;
	display: none;
}

#glume .Limg li.active .banner-txt {
	display: block;
	position: absolute;
}

#glume .banner-txt span {
	display: block;
	font-style: normal;
	font-size: 18px;
	color: #fff;
	margin-top: 40px;
	width: 760px;
}

#glume .banner-txt h4 {
	font-size: 30px;
	line-height: 1em;
	color: #fff;
	margin: 0px 0px 40px 0px;
}

#glume .banner-txt h1 {
	font-weight: bold;
	font-size: 60px;
	line-height: 1.4em;
	color: #fff;
	margin: 15px 0px 20px 0px;
	width: 760px;
}


#glume .ban-img {
	position: absolute;
	bottom: -30px;
	right: 0px;
}




@keyframes fd {
	0% {
		transform: scale(1.05, 1.05);
	}

	100% {
		transform: scale(1, 1);
	}
}

@-webkit-keyframes boun {

	from,
	to {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}

.banner_btn {
	position: absolute;
	right: 10%;
	bottom: 80px;
	width: 300px;
	z-index: 20;
}

.banner_btn .Nubbt {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

.banner_btn .Nubbt span {
	display: block;
	font-style: normal;
	font-size: 16px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	color: #000;
	position: relative;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	background-color: #fff;
	border-radius: 5px;
	opacity: 0.6;
	margin-left: 10px;
}

.banner_btn .Nubbt span:hover {
	opacity: 1;
}

.banner_btn .Nubbt span.on {
	opacity: 1;
	background-color: #1013a6;
	color: #fff;
}




.container {
	width: 100%;
	overflow: hidden;
}

.bg-gray {
	background: #05172d;
}

.i-about {
	background-image: url(../images/i_about.jpg);
	background-size: cover;
	height: 700px;
}

.i-about-content {
	display: flex;
	justify-content: space-between;
}

.i-about-info {
	width: 36%;
	color: #fff;
	line-height: 26px;
	margin-left: 10%;
}

.i-about-info h4 {
	margin-top: 120px;
	font-weight: bold;
	position: relative;
	padding-left: 75px;
	font-size: 30px;
}

.i-about-info h4:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 10px;
	height: 1px;
	width: 60px;
	background: #fff;
}

.i-about-info h2 {
	margin: 140px 0px 40px 0px;
	font-weight: bold;
	font-size: 30px;
	position: relative;
}

.i-about-info p {
	color: #bebebe;
	font-size: 16px;
}

.i-about-info .white-more {
	margin-top: 50px;
}

.i-about-para {
	width: 40%;
	display: flex;
}

.i-about-para div {
	width: 33.33%;
	text-align: center;
	color: #fff;
	border-left: 1px solid #575757;
	height: 700px;
}

.i-about-para div h4 {
	font-size: 40px;
	padding-top: 320px;
	padding-bottom: 20px;
	font-weight: bold;
}

.i-about-para div h4 i {
	font-style: normal;
}

.i-about-para div span {
	display: block;
	color: #bababa;
}

/**********首页产品********/
.i-pro {
	padding: 80px 10%;
	background: #fff;
}

.i-tit {
	position: relative;
}

.i-tit h2 {
	font-size: 40px;
	font-weight: bold;
	line-height: 1em;
	color: #1013a6;
}

.i-tit h2 span {
	display: block;
	font-weight: bold;
	position: relative;
	font-size: 30px;
	padding-top: 30px;
}

.i-tit h2 span:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	height: 1px;
	width: 60px;
	background: #ccc;
}

.i-tit h2 i {
	font-style: normal;
	font-size: 50px;
	font-weight: bold;
	line-height: 1em;
	color: #000;
	letter-spacing: 5px;
}

.i-pro-tit .more {
	margin-top: 50px;
}

.i-pro-tit-right {
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}

.i-pro-tit-right p {
	padding-bottom: 20px;
	color: #999;
}

.i-pro-class {
	margin-top: 30px;
	display: flex;
}

.i-pro-class a {
	display: block;
	border: 1px solid #1013a6;
	margin-right: 20px;
	padding: 15px 30px;
	color: #1013a6;
}

.i-pro-class a i {
	padding-right: 10px;
}

.i-pro-class a:hover {
	color: #fff;
	background: #1013a6;
}

.i-pro-list {
	margin-top: 100px;
	position: relative;
}

.i-pro-list .slick-list {
	overflow: hidden;
}

.i-pro-list .i-prolist-info {
	width: 25%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.i-pro-list .i-prolist-img {
	width: 100%;
	height: 350px;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.i-pro-list a .i-prolist-img img {
	width: 100%;
	height: auto;
	transition: 0.8s all;
	-webkit-transition: 0.8s all;
	-o-transition: 0.8s all;
	-moz-transition: 0.8s all;
	-ms-transition: 0.8s all;
}

.i-pro-list a:hover .i-prolist-img img {
	transform: scale(0.95, 0.95);
}

.i-pro-list a {
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.i-pro-list .i-prolist-info h4 {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 40px;
	padding: 0px 30px;
}

.i-pro-list .i-prolist-info p {
	color: #666;
	margin-top: 20px;
	text-align: center;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	padding: 0px 30px;
}

.i-pro-list .i-prolist-more {
	margin-top: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

.i-pro-list a .i-prolist-more i {
	font-size: 30px;
	font-weight: bold;
	color: #1013a6;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.i-pro-list a .i-prolist-more {
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.i-pro-list a:hover .i-prolist-more {
	transform: rotate(90deg);
}

.i-pro-list a:hover .i-prolist-more i {
	color: #1013a6;
}

.i-pro-list .swiper-button-next {
	position: absolute;
	right: -60px;
	top: 140px;
	height: 40px;
	width: 40px;
	overflow: hidden;
}

.i-pro-list .swiper-button-prev {
	position: absolute;
	left: -60px;
	top: 140px;
	height: 40px;
	width: 40px;
	overflow: hidden;
}

.i-pro-list .swiper-button-prev:after {
	font-size: 40px;
	font-family: "iconfont" !important;
	content: "\eb92";
	color: #666;
}

.i-pro-list .swiper-button-next:after {
	font-size: 40px;
	font-family: "iconfont" !important;
	content: "\eb94";
	color: #666;
}


/* 服务特色 */
.i-ys {
	padding: 90px 0px 0px 0px;
}

.i-ys .i-tit {
	margin-left: 10%;
}

.i-ys-list {
	padding-top: 60px;
	display: flex;
	flex-wrap: wrap;
}

.i-ys-list .i-ys-item:nth-child(1) {
	background-image: url(../images/ys1.jpg);
	background-size: cover;
}

.i-ys-list .i-ys-item:nth-child(2) {
	background-image: url(../images/ys2.jpg);
	background-size: cover;
}

.i-ys-list .i-ys-item:nth-child(3) {
	background-image: url(../images/ys3.jpg);
	background-size: cover;
}

.i-ys-list .i-ys-item:nth-child(4) {
	background-image: url(../images/ys4.jpg);
	background-size: cover;
}

.i-ys-list .i-ys-item:nth-child(5) {
	background-image: url(../images/ys5.jpg);
	background-size: cover;
}

.i-ys-item {
	width: 20%;
	height: 460px;
	color: #fff;
	position: relative;
	overflow: hidden;
}

.i-ys-item h4 {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 15px;
	padding-bottom: 10px;
}

.i-ys-item .i-ys-txt p {
	padding: 0px 15px 0px 15px;
	opacity: 0;
	color: #999;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
	height: 0px;
}

.i-ys-item .i-ys-txt {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	background: rgba(16, 19, 166, .8);
	padding: 15px 0px;
}

.i-ys-item:hover .i-ys-txt p {
	opacity: 1;
	height: 30px;
}


/**********新闻********/
.i-news {
	padding: 90px 10%;
	position: relative;
}

.i-news .more {
	margin-top: 50px;
}

.i-news-tit {
	text-align: center;
}

.i-news-ico {
	position: absolute;
	right: -80px;
	bottom: -100px;
	opacity: 0.6;
	z-index: 10;
	transform: rotate(200deg);
}

.i-news-ico img {
	width: 210px;
	height: auto;
}

.i-news-list {
	margin-top: 80px;
	display: flex;
	/*justify-content:space-between; */
	gap: 30px;
	flex-wrap: wrap;
}

.i-news-item {
	width: calc(50% - 15px);
	padding: 30px 0px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.i-news-item a {
	display: flex;
}

.i-news-date {
	text-align: center;
	width: 100px;
	background: #eee;
	padding: 10px 0px;
}

.i-news-para {
	width: calc(100% - 255px);
	padding: 0px 40px;
}

.i-news-more {
	width: 35px;
	text-align: right;
	margin: 0px 20px;
}

.i-news-date span {
	display: block;
	color: #999;
	padding-top: 10px;
}

.i-news-date i {
	padding-top: 15px;
	display: block;
	font-size: 30px;
	font-style: normal;
}

.i-news-para {}

.i-news-item a .i-news-para h4 {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	overflow: hidden;

	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.i-news-para p {
	color: #999;
	line-height: 24px;
	overflow: hidden;
	margin-top: 5px;
	height: 48px;
	overflow: hidden;
}

.i-news-item a .i-news-more {
	position: relative;
	margin-top: 30px;
}

.i-news-item a .i-news-more:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	height: 35px;
	line-height: 35px;
	width: 35px;
	border-radius: 50%;
	border: 2px solid #1013a6;
}

.i-news-item a .i-news-more i {
	position: absolute;
	left: 8px;
	top: 9px;
	color: #1013a6;
	z-index: 10;
	font-size: 24px;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.i-news-item a .i-news-more span {
	font-weight: bold;
	display: inline-block;
	position: relative;

	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.i-news-item a:hover .i-news-more i {
	color: #fff;
}

.i-news-item a:hover .i-news-more:after {
	background: #1013a6;

	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.i-news-item a:hover .i-news-para h4 {
	color: #1013a6;

}



/**********视频********/
.i-video {
	position: relative;
	height: 600px;
}

.i-topvideo {
	position: relative;
	height: 600px;
	background-size: cover;
	width: 100%;
}

.i-topvideo-bg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.i-topvideo a {
	display: block;
	position: absolute;
	top: calc(50% - 50px);
	left: calc(50% - 50px);
}

.i-topvideo a i {
	font-size: 80px;
	color: #fff;
	line-height: 1em;
	z-index: 10;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.i-topvideo a:hover i {
	color: #1013a6;
}

.layui-layer-content {
	overflow: inherit !important;
}

.layui-layer-rim {
	border: 6px solid rgba(255, 255, 255, .3) !important;
}

.i-video-list {
	position: absolute;
	bottom: -118px;
	width: 100%;
	height: 236px;
	z-index: 20;
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.i-video-item {
	background-size: cover;
	width: 100%;
	border: 8px solid #fff;
	position: relative;
	width: 25%;
	border-radius: 6px;
	box-shadow: #eee 0px 10px 5px 0px;
	background-color: #333;
}

.i-video-item a {
	display: block;
	position: absolute;
	top: calc(50% - 22px);
	left: calc(50% - 22px);
}

.i-video-item a i {
	font-size: 45px;
	color: #fff;
	line-height: 1em;
	z-index: 10;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}

.i-video-item a:hover i,
.i-video-item a:hover span {
	color: #1013a6;
}

.i-video-item a span {
	display: block;
	text-align: center;
	position: absolute;
	left: -35px;
	bottom: -25px;
	width: 120px;
	color: #fff;
	transition: 0.3s all;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	-moz-transition: 0.3s all;
	-ms-transition: 0.3s all;
}



/**********合作伙伴********/
.i-partner {
	padding: 80px 10%;
	background: #f6f6f6;
}

.i-partner-tit {
	text-align: center;
}

.i-partner-list {
	margin-top: 50px;
	display: flex;
	column-gap: 60px;
	flex-wrap: wrap;
	align-items: center;
}

.i-partner-list .i-partner-item {
	text-align: center;
	width: calc(16.66% - 50px);
	height: 90px;
	margin: 20px 0px;
	border-radius: 5px;
	overflow: hidden;
}

.i-partner-list .i-partner-item a {
	display: block;
	width: 190px;
	height: 80px;
	padding: 10px;
	background: #fff;
	overflow: hidden;
	box-shadow: #eee 0px 10px 30px;
}

.i-partner-list .i-partner-item a img {
	width: 100%;
}


.nofound-infos {
	padding: 180px 0px 100px 0px;
	text-align: center;
}

.nofound-infos span {
	display: block;
	padding-bottom: 15px;
	font-size: 24px;
}

.nofound-infos h2 {
	font-size: 140px;
	line-height: 1.2;
	font-weight: bold;
	color: #1013a6;
	letter-spacing: 10px;
}

.nofound-infos p {
	padding-top: 30px;
	padding-bottom: 40px;
	font-size: 22px;
	color: #666;
}

.nofound-infos .more span {
	font-size: 14px;
}



.foot {
	background: #0f171f;
	overflow: hidden;
	color: #96989a;
	padding: 80px 10%;
}

.foot a {
	color: #96989a;
}

.foot a:hover {
	color: #fff;
}

.foot-top {
	padding: 95px 0px;
}


.foot-logo {
	float: left;
	width: 500px;
	position: relative;

}

.foot-logo img {
	height: 40px;
	width: auto;
}

.foot-right {
	float: right;
	width: calc(100% - 650px);
	display: flex;
	justify-content: space-between;
}

.foot-menu {
	line-height: 30px;
}

.foot-menu a {
	display: block;
	font-size: 16px;
}

.foot-cpy {
	padding-top: 30px;
}

.foot-gotop {}

.foot-gotop a {
	cursor: pointer;
	color: #1013a6;
}

.foot-info {
	width: 450px;
}

.foot-info p {
	padding-bottom: 15px;
}

.foot-info i {
	color: #fff;
	font-style: normal;
	padding-right: 5px;
}

.foot-info em {
	color: #fff;
	padding-right: 5px;
}

.foot-info span {
	padding-left: 100px;
}

.foot-email-row {
	display: flex;

}

.foot-email-row div:nth-child(1) {
	width: 85px;
}

.foot-email-row div:nth-child(2) {
	width: 165px;
}

.foot-email-row div:nth-child(3) {
	color: #fff;
}

.bdshare-button-style0-24 a,
.bdshare-button-style0-24 .bds_more {
	float: none !important;
	position: relative;
	font-style: normal;
}

.bdshare-button-style0-24 a,
.bdshare-button-style0-24 .bds_more {}

.bds_weixin:after {
	content: "\e736";
	position: absolute;
	font-family: "iconfont" !important;
	left: 10px;
	top: 8px;
	font-size: 20px;
}

.bds_tsina:after {
	content: "\e610";
	position: absolute;
	font-family: "iconfont" !important;
	left: 10px;
	top: 8px;
	font-size: 20px;
}

.bds_sqq:after {
	content: "\e883";
	position: absolute;
	font-family: "iconfont" !important;
	left: 10px;
	top: 8px;
	font-size: 20px;
}

.sp-share a {
	color: #999;
	display: inline-block;
	height: 50px;
	background: #1013a6 !important;
	padding: 8px 15px;
}

.sp-share .bdshare-button-style0-24 a:hover {
	color: #fff;
}

.sp-share {
	margin-top: 20px;
}

.paging ul {
	display: flex;
	flex-wrap: wrap;
}

.pagination span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin-right: 5px;
	text-align: center;
	border: 1px solid #f6f6f6;
	background: #f6f6f6;
	color: #999;
	position: relative;
}

.pagination li.active span {
	background: #1013a6;
	color: #fff;
}


aside {
	position: fixed;
	left: 2px;
	top: 50%;
	z-index: 9999;
	transform: translateY(-50%);
}

.as_item {
	width: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1013a6;
	padding: 7px;
	margin-bottom: 5px;
	flex-wrap: wrap;
	box-sizing: border-box;
	/* transform: scale(.8); */
}

.as_item img {
	width: 19px;
	height: auto;
}

.as_item .s14 {

	color: #ffffff;
	margin-top: .1rem;
	font-size: 14px;
	width: 100%;
	text-align: center;
}

.top_up {
	width: 36px;
	height: 36px;
	background-color: #dbe3f1;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.top_up:hover {
	background-color: #ca2b2f;
}

.crumbs_wrap {
	padding: .2rem 0;
	background: #fff;
	position: relative;
}

.cw_lg {
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	position: absolute;
	background: linear-gradient(rgba(233, 240, 247, .9), rgba(0, 0, 0, 0));
}

.cw_item {
	width: 14.4rem;
	display: flex;
	align-items: center;
	margin: 0 auto;
}

.cw_item .s16 {

	color: #666666;
	margin-left: .1rem;
}

.cw_item .s16.active {
	color: #000000;
}

.addtow,
.addthree {
	position: relative;
}

@media(min-width: 650px) {

	.addtow:hover .ap_more,
	.addthree:hover .ph_more {
		display: block;
	}

	.as_item:hover {
		background-color: #ca2b2f;
	}
}

.addtow.active .ap_more,
.addthree.active .ph_more {
	display: block;
}

.addtow.active,
.addthree.active {
	background-color: #ca2b2f;
}

.as_slide {
	font-size: 30px;
	padding: 0;
	color: #fff;
	/* font-weight: bold; */
}

.as_slide p {
	display: flex;
	align-items: center;
	justify-content: center;
}

.as_slide p.active {
	display: none;
}

.as_slide.active p {
	display: none;
}

.as_slide.active p.active {
	display: block;
}

.ap_more,
.ph_more {
	display: none;
	padding: 20px;
	background-color: #f6f6f6;
	position: absolute;
	width: auto;
	top: 0;
	right: -206px;
	border-radius: 5px;
	width: 166px;
}

.ph_item {
	margin-bottom: 10px;
}

.ph_item p {
	line-height: 1.5;
}

.ph_item:hover {
	color: #1165de;
}

.ap_more a {
	display: block;
	margin-bottom: 5px;
	margin-top: 10px;
}

.ap_more a:hover {
	color: #1013a6;
	font-weight: bold;
}

.tow_wrap {
	margin-bottom: 15px;
}

.ps_men {
	position: relative;
}

.ps_men:hover .ps_tan {
	transform: scaleY(1);
}

.ps_tan {
	position: absolute;
	left: 0;
	bottom: 35px;
	padding: 10px 15px;
	background: #fff;
	border-radius: 5px;
	transform: scaleY(0);
	transform-origin: center bottom;
	transition: 0.3s;
	left: 0;
	bottom: 35px;
}

.ps_tan {
	width: 100%;
}

.ps_tan img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}

.ps_tan::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	width: 8px;
	height: 8px;
	background: #fff;
	bottom: -4px;
}

@media(max-width: 1600px) {
	.logo {
		left: 30px;
	}

	.head-lang {
		right: 30px;
	}

	.head-search {
		right: 120px;
	}

	.i-partner-list{
		margin-top: 40px;
	}
	.i-partner-list .i-partner-item{
		height: 65px;
		margin:8px 0px;
	}
	.i-partner-list .i-partner-item a{
		height: auto;
		width: 100%;
		padding: 0%;
	}

	.foot{
		padding:80px 30px;
	}

	
	.w1400{width:1200px;}
}



@media only screen and (max-width: 1440px){
	
	.head,.head.shrink{ position:fixed; height:60px; background:#000;z-index:30;}
	.logo{ position:absolute; left:20px; top:20px;z-index:30;}
	.head.shrink .logo{ top:21px;}
	.logo img,.head.shrink .logo img{ height:18px;}
	.menu{ display:none;}
	.head.shrink .head-search{ top:15px;}
	.head-lang{ line-height:60px; font-size:16px; right:60px;}
	.head-search{ top:15px; right:165px; font-weight:bold;}
	.head-search a{ font-size:18px;}
	.head-search:after{ display:none;}
	.head.shrink .head-lang, .head.shrink .menu ul li{ height:60px; line-height:60px;}
	
	
	.pmenu{ display:block;  position:fixed; left:100%; top:60px; z-index:200; width:100%; height:calc(100vh - 60px); overflow: hidden;overflow-y: scroll;overflow-x: hidden; background: #fff;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	.pmenu nav{ padding:20px;}
	.pmenu ul li { position:relative; border-bottom:1px solid #ededed;}
	.pmenu ul li a{ font-weight:bold; margin-right:50px; display:block; line-height:50px; color:#262626;}
	.pmenu ul li i{ position:absolute; right:0px; top:16px; color:#666; font-weight:bold; font-size:24px;transform: rotate(-90deg);}
	.pmenu ul li i.active{transform: rotate(0deg);}
	.pmenu ul li ul{ display:none; padding:0px 20px; padding-bottom:15px;}
	.pmenu ul li ul li{ border-bottom:0px;}
	.pmenu ul li ul.menu-pro{ }
	.pmenu ul li.active ul.menu-pro{ display:flex; flex-wrap:wrap; gap:10px;}
	.pmenu ul li.active ul{ display:block;}
	.pmenu ul li ul.menu-pro li{ width:calc(33.33% - 7px);}
	.pmenu ul li ul li a{ font-weight:normal; margin-right:0px; line-height:30px;}
	.pmenu ul li ul li ul{ display:block;}
	.pmenu ul li ul li ul li a{ margin-left:40px; color:#666;line-height:30px;}
	.pmenu ul li ul.menu-pro li .menu-class{ }
	.pmenu ul li ul.menu-pro li .menu-class h4{ font-size:14px; font-weight:bold; text-align:left;}
	.pmenu ul li ul.menu-pro li .menu-class img{ width:60%; max-width:140px;}
	
	.hide-body{ height:0; overflow:hidden;}
	.show_menu{ z-index:300; position:absolute; top:22px; right:20px; height:16px; width:20px; cursor:pointer; z-index:10;}
	.show_menu:before,.show_menu:after,.show_menu span{position:absolute; cursor:pointer;width:20px; height:1px; background:#fff;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	.show_menu:before{ content:"";left:0px; top:0px;}
	.show_menu:after{ content:"";left:0px; bottom:0px;}
	.show_menu span{left:0px; top:7px;display:inline-block;}
	.hide-body .show_menu:before{ top:8px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.hide-body .show_menu:after{ bottom:7px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.hide-body .show_menu span{ display:none;}
	.hide-body .pmenu { left:0px;}
	
	
	
	
	.banner{ height:600px; margin-top:60px;}
	#glume .Limg li .pic{ height:600px; width:100%; background-position: center center; background-size:cover;}
	#glume .ban-img img{ width:700px;}
	
	
	
	.menu ul li ul.menu-pro{ width:calc(100% - 100px); background:#fff; padding:30px 50px; display:none;justify-content:space-between;}
	.menu ul li ul.menu-pro li{ float:left; width:200px; text-align:center; margin-left:15px;}
	.menu ul li ul.menu-pro li h4{font-weight:bold; font-size:14px; margin-top:15px;}
	.menu ul li ul.menu-pro li img{ width:160px; height:160px;}
	.menu ul li ul.menu-pro li a:hover{ background:none;}
	
	
	.i-topvideo{ height:520px;}
	.i-video{ height:520px;}
	
	.foot-bot-small{ display:none;}
	
}
@media only screen and (max-width: 1300px){
	body{}
	.banner{ height:500px; margin-top:60px;}
	#glume .Limg li .pic{ height:500px; width:100%; background-position: center center; background-size:cover;}
	#glume .Limg li .ban-txt{ right:40px;}
	.w1400,.w1200{ width:100%;}
	#glume .Limg li .ban-txt{ width:50%;}
	#glume .ban-txt em{ font-size:16px;}
	#glume .ban-txt h4{ font-size:34px;}
	
	.i-tit h2{ font-size:34px;}
	
	.i-video{ padding-bottom:100px;margin-top:40px;}
	.topvideo{ height:600px;}
	.i-video-list{ height:200px; bottom:-100px;}
	
	
	
	.i-news{ padding:40px 20px; margin-top:40px;}
	.i-news-img{ height:auto;}
	.i-news-list{ margin-top:40px;}
	
	.i-partner{ padding:50px 20px;}	
	.i-partner-list .i-partner-item{
		height: auto;
		margin:10px 0px;
	}
	.i-partner-list .i-partner-item a{
		padding: 0px;
		width: 100%;
		height: auto;
	}
	.i-partner-list{ margin-top:40px;}
	
	
	.foot-top{ padding:40px 20px;}
	.foot-bot-logo{ margin-left:20px;}
	.foot-bot-cpy{ margin-right:20px;}
	
	
}

@media only screen and (max-width:860px){

	aside{ display: none;}

	.pmenu ul li ul.menu-pro li{ width:calc(50% - 5px);}
	
	.prolist-para .more{}
	.prolist-para .more a{ height:32px; line-height:32px; border:none; padding-left:22px; padding-right:10px; border-radius:30px; color:#4974dc; display:inline-block; position:relative;}
	.prolist-para .more a i{ position:absolute; content:""; left:0px; top:0px; font-size:26px;}
	.prolist-para .more a i:after{  display:none;}
	.prolist-para .more a i:before{ position:absolute; z-index:20; color:#4974dc; left:-8px;}
	
	.banner{ }
	.banner,#glume .Limg li{ height:320px;}
	#glume{width:100%; position:relative; height:320px; background-color:#f3f3f3;}
	#glume .Limg{width:100%;height:100%; margin:0px; padding:0px; list-style:none;}
	#glume .Limg li{width:100%;height:320px; overflow:hidden;position:absolute;cursor:pointer; left:0px; top:0px; list-style:none;}
	#glume .Limg li .pic{ height:320px; width:100%; background-position: center right; background-size:cover;}
	#glume .w1440{ height:320px;}
	#glume .Limg li .banner-txt{ left:20px; bottom:20px; width:80%; height:auto; min-height:inherit;}
	#glume .banner-txt h1{ font-size:20px; width: 100%;}
	#glume .banner-txt span{ width: 100%; margin-top: 20px;}
	.banner_btn{ display:none;}
	.ban-more{ margin-top:10px;}
	.ban-more a {
		height: 38px;
		line-height: 38px;
		border:none;
		padding-left:30px;
		padding-right:0px;
		border-radius:0px;
		color: #fff;
		display: inline-block;
		position: relative;
		font-size:12px;
	}
	
	.ban-more a i{ position:absolute; content:""; left:0px; top:0px; font-size:20px;}
	.ban-more a i:after{left:0px; top:6px; height:22px; line-height:22px; width:22px;}
	.ban-more a i:before{ position:absolute; z-index:20; color:#fff; left:1px; top:-1px;}

	.more a{
		border:none;
		padding-left:25px;
		padding-right: 0px;
	}
	.i-pro-tit .more{
		margin-top: 25px;
	}
	.i-news .more{
		margin-top: 27px;
	}
	.more a i,.more a i:before{
		left: 0px;
	}
	
	.i-tit h2{ font-size:24px;}
	.i-pro{
		padding:50px 6%;
	}
	.i-pro-tit-right p{ display:none;}
	.i-pro-list{ margin-top:40px;}
	.i-pro-list .i-prolist-img{
		height: 280px;
	}
	.i-pro-class a i{
		display: block;
		text-align: center;
		padding-right: 0px;
	}
	.i-pro-class a{
		text-align: center;
		margin-right:0px;
    	padding: 15px 0px;
		width: 50%;
	}
	.i-pro-list .swiper-button-next,.i-pro-list .swiper-button-prev{
		display: none;
	}
	
	
	.i-pro-list .i-prolist-info h4{ margin-top:20px;font-size: 14px; padding: 0px;}
	.i-pro-list .i-prolist-info p,.i-pro-list .i-prolist-more{ margin-top:15px;}
	
	
	.i-about{
		height: auto;
	}
	.i-about-content{
		display:block;
	}
	.i-about-info{
		width: 88%;	
		margin-left: 6%;		
	}
	.i-about-para{
		width: 88%;
		margin-left: 6%;
	}
	.i-about-para div{
		height: auto;
		margin:40px 0px;
	}
	.i-about-para div h4{
		padding-top: 0px;
		font-size: 20px;
	}
	.i-about-info h4{
		margin-top: 0px;
		padding-top: 50px;
	}
	.i-about-info h4:after{
		top: 59px;
	}
	.i-about-info h2{
		margin:50px 0px 30px 0px;
		font-size: 20px;
	}

	.i-ys{
		padding-top: 60px;
	}

	.i-ys .i-tit{
		margin-left: 6%;
	}
	.i-ys-list{
		padding-top: 0px;
		margin-top:40px;
	}

	.i-ys-item{
		width: 100%;
		height: auto;
	}
	.i-ys-item h4{
		font-size: 14px;
		padding-top: 30px;
		padding:0 6%;
		
	}
	.i-ys-item .i-ys-txt{
		padding: 0px;
		height: 100%;
		position: relative;
		padding:20px 0px;
	}
	.i-ys-item .i-ys-txt p{
		opacity: 1;
		height: auto;
		padding:0 6%;
	}
	
	
	.i-video{ margin-top:0px; height:auto; padding-bottom:0px;}
	.i-topvideo{ height:310px;}
	.i-topvideo a{ top:calc(50% - 30px); left:calc(50% - 30px);}
	.i-topvideo a i{ font-size:60px;}
	
	
	
	.i-case{ margin-top:20px;}
	.i-case-list .i-case-info .i-case-para{ position:relative; left:0px; top:0px; padding:20px;}
	.i-case-list .i-case-info .i-case-para h4{ font-size:20px;}
	.i-case-list .i-case-info .i-case-para p{ font-size:14px; margin:15px 0px; width:100%;}
	
	.i-news{ margin-top:20px;padding:50px 6%;}
	.i-news-list{ display:block; margin-top:20px;}
	.i-news-item{ width:100%; border-top:0px;}
	.i-news-para h4{ font-size:18px;}
	.i-news-item a .i-news-para h4{
		font-size: 16px;
		line-height: 24px;
	}
	.i-news-para{ padding:0px 0px 0px 20px;width: calc(100% - 100px);}
	.i-news-para p{ margin-top:10px;}
	.i-news-more{ margin-top:20px; display: none;}
	.i-news-ico img{ width:120px;}
	.i-news-ico{ right:-63px; bottom:-43px;}
	
	
	.i-partner{ background-size:100% auto;padding:50px 6%;}
	.i-partner-list{ margin-top:30px;column-gap:15px;}
	.i-partner-list .swiper-button-prev2, .i-partner-list .swiper-button-next2{ display:none;}
	.i-partner-list .swiper-wrapper.wrapper-partner{ height:200px;}
	.i-partner-list .swiper-pagination1{ margin-top:10px; display:none;}
	.i-partner-list .i-partner-item{
		width:calc(25% - 13px);
	}
	
	.foot{
		padding:50px 6%;
	}
	.foot-logo{
		float: none;
		width: 100%;
	}
	.foot-logo img{
		height: 32px;
		width:auto;
	}
	.foot-right{
		float: none;
		width: 100%;
		padding-top: 30px;
	}
	.foot-menu{
		display: none;
	}
}





@media only screen and (max-width:460px){
	
	.i-pro-list .i-prolist-img {
        height: 200px;
    }
}